<template>
  <div class="vivid-statistic">
    <div class="vivid-statistic-value">{{ currentValue }}</div>
  </div>
</template>

<script setup lang="ts">
import { useIncreaseNumber } from '../utils/useIncreaseNumber';
const props = defineProps({
  value: {
    type: Number,
    default: 0
  }
})

const { currentValue } = useIncreaseNumber(props.value);

</script>
<style scoped>
.vivid-statistic {
  display: flex;
}

.vivid-statistic-value {
  font-size: 24px;
  font-weight: bold;
}
</style>
